layui.define(['configure'], function (exports) {
	var navBar = {
		init:function(strData){
            var data;
            if(typeof(strData) == "string"){
                var data = JSON.parse(strData.menuList); //部分用户解析出来的是字符串，转换一下
            }else{
                data = strData.menuList;
            }
            var ulHtml = '<ul class="layui-nav layui-nav-tree">';
            for(var i=0;i<data.length;i++){
                if(data[i].open){
                    ulHtml += '<li class="layui-nav-item layui-nav-itemed">';
                }else{
                    ulHtml += '<li class="layui-nav-item">';
                }
                data[i].icon = decodeURIComponent(data[i].icon);
                if(data[i].children != undefined && data[i].children.length > 0){
                    ulHtml += '<a href="javascript:;">';
                    if(data[i].icon != undefined && data[i].icon != ''){
                        if(data[i].icon.indexOf("icon-") != -1){
                            ulHtml += '<i class="iconfont '+data[i].icon+'" data-icon="'+data[i].icon+'"></i>';
                        }else{
                            ulHtml += '<i class="layui-icon">'+data[i].icon+'</i>';
                        }
                    }
                    ulHtml += '<cite>'+data[i].name+'</cite>';
                    ulHtml += '<span class="layui-nav-more"></span>';
                    ulHtml += '</a>';
                    ulHtml += '<dl class="layui-nav-child">';
                    for(var j=0;j<data[i].children.length;j++){
                        data[i].children[j].icon = decodeURIComponent(data[i].children[j].icon);
                        if(data[i].children[j].target == "_blank"){
                            ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].children[j].url+'" data-iframeId="'+data[i].children[j].menuId+'" target="'+data[i].children[j].target+'">';
                        }else{
                            ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].children[j].url+'" data-iframeId="'+data[i].children[j].menuId+'">';
                        }
                        if(data[i].children[j].icon != undefined && data[i].children[j].icon != ''){
                            ulHtml += '<i class="layui-icon">'+data[i].children[j].icon+'</i>';
                        }
                        ulHtml += '<cite>'+data[i].children[j].name+'</cite></a></dd>';
                    }
                    ulHtml += "</dl>";
                }else{
                    if(data[i].target == "_blank"){
                        ulHtml += '<a href="javascript:;" data-url="'+data[i].url+'" data-iframeId="'+data[i].menuId+'" target="'+data[i].target+'">';
                    }else{
                        ulHtml += '<a href="javascript:;" data-url="'+data[i].url+'" data-iframeId="'+data[i].menuId+'">';
                    }
                    if(data[i].icon != undefined && data[i].icon != ''){
                        if(data[i].icon.indexOf("icon-") != -1){
                            ulHtml += '<i class="iconfont '+data[i].icon+'" data-icon="'+data[i].icon+'"></i>';
                        }else{
                            ulHtml += '<i class="layui-icon">'+data[i].icon+'</i>';
                        }
                    }
                    ulHtml += '<cite>'+data[i].name+'</cite></a>';
                }
                ulHtml += '</li>';
            }
            ulHtml += '</ul>';
            return ulHtml;
		}
	}
    exports('navBar', navBar);
});
